<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>filter example 1</title>
	<link rel="stylesheet" href="../libs/bootstrap/css/bootstrap.min.css">
	<script src="http://lib.sinaapp.com/js/angular.js/angular-1.2.19/angular.min.js"></script>
</head>
<body>
	<div ng-app="myApp" class="container-fluid">
		<div ng-controller="firstController">
			<h2>date 过滤器</h2>
			<h5><b>medium style: </b> {{ time | date:'medium'}}</h5>
			<h5><b>short style: </b> {{ time | date:'short'}} </h5>
			<h5><b>fullDate style: </b>{{ time | date:'fullDate'}}</h5>
			<h5><b>longDate style: </b>{{ time | date:'longDate'}}</h5>
			<h5><b>shortDate style: </b>{{ time | date:'shortDate' }}</h5>
			<h5><b>mediumDate style: </b>{{ time | date:'mediumDate'}}</h5>
			<h5><b>mediumTime style: </b> {{ time | date:'mediumTime'}}</h5>
			<h5><b>shorTime style: </b> {{time | date:'shortTime'}}</h5>
		</div>
	</div>
	<script>
		var app = angular.module("myApp", []);

		app.controller("firstController", function($scope) {
			$scope.date = {
				day: '2016-10-22'
			};
			$scope.time = new Date();
		});
	</script>
</body>
</html>